<!doctype html>
<html>
<head>
    <meta charset='utf-8'>
    <title> - 若维俱乐部 </title>
    <meta name='keywords' content=''>
    <meta name='description' content=''>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/personInfo.css">
</head>
<body>
<!--头部开始-->
<div id="header" class="clearfix">
    <div class="logo fl">
        <img src="images/header_logo.jpg" alt="">
    </div>
    <ul class="title clearfix fl">
        <li class="hover"><a href="">首页</a></li>
        <li><a href="">博客</a></li>
        <li><a href="">招聘</a></li>
        <li><a href="">新闻</a></li>
        <li><a href="">优秀案例</a></li>
        <li><a href="">学员展示</a></li>
        <li><a href="">在线课程</a></li>
    </ul>
    <button>登录/注册</button>
</div>
<!--头部结束-->

<!--banner开始-->
<div class="banner">
    <img src="images/个人.png" alt="">
</div>
<!--banner结束-->

<!--头像开始-->
<div class="portrait">
    <div class="head">
        <img src="images/图层3.png" alt="">
    </div>
    <p class="name">刘亦菲</p>
    <p class="sex">女</p>
</div>
<!--头像结束-->

<!--主体部分开始-->
<div class="content clearfix">
    <div class="left fl">
        <ul>
            <li class="active clearfix">个人信息<span> > </span></li>
            <li class="clearfix">我的博客<span> > </span></li>
            <li class="clearfix">我的课程<span> > </span></li>
            <li class="clearfix">我的简历<span> > </span></li>
        </ul>
    </div>
    <div class="right fl">
        <div class="title clearfix"><span>个人信息</span><span class="change">编辑</span></div>
        <div class="info">
            <ul>
                <li class="clearfix">
                    <div class="title">昵称</div>
                    <div class="con">qq_Pixie_0</div>
                </li>
                <li class="clearfix">
                    <div class="title">昵称</div>
                    <div class="con">qq_Pixie_0</div>
                </li>
                <li class="clearfix">
                    <div class="title">昵称</div>
                    <div class="con">qq_Pixie_0</div>
                </li>
                <li class="clearfix">
                    <div class="title">昵称</div>
                    <div class="con">qq_Pixie_0</div>
                </li>
                <li class="clearfix">
                    <div class="title">昵称</div>
                    <div class="con">qq_Pixie_0</div>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--主体部分结束-->
























<!-- 底部开始 -->
<div id="footer">
    <div class="message clearfix">
        <div class="logo fl">
            <img src="images/footer_logo.jpg" alt="">
        </div>
        <dl class="fl">
            <dt><a href="">了解若维</a></dt>
            <dd><a href="">关于我们</a></dd>
            <dd><a href="">商务合作</a></dd>
        </dl>
        <dl class="fl">
            <dt><a href="">帮助与支持</a></dt>
            <dd><a href="">反馈建议</a></dd>
            <dd><a href="">联系我们</a></dd>
        </dl>
        <dl class="fl">
            <dt><a href="">联系我们</a></dt>
            <dd><a href="">联系电话：<span>0631-7894-666</span></a></dd>
            <dd><a href="">地址：山东省威海市高新技术开发区仁泰花园8号楼</a></dd>
        </dl>
    </div>
    <div class="copyright">
        <span>2013-2018若维信息 版权所有</span>
        <span>京公网安备110108020217751号</span>
        <span>京ICP备16034860号-1</span>
    </div>
</div>
<!-- 底部结束 -->

</body>
</html>